/* ----------------------------------------------
	Template Name : FreshMedia
	Template Code : S-0021
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : February 07, 2008	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

@import url(http://fonts.googleapis.com/css?family=Ledger&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Average);
@import url(http://fonts.googleapis.com/css?family=Lustria);
@import url(http://fonts.googleapis.com/css?family=Vidaloka);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,700);
@import url(http://fonts.googleapis.com/css?family=Capriola);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400);
@import url(http://fonts.googleapis.com/css?family=Bilbo);
@import url(http://fonts.googleapis.com/css?family=Duru+Sans);

/* form elements */
form {
	/*margin: 15px 10px; padding: 5px 10px 20px 10px;
	border: 1px solid #f1f1f1; 
	background: #fdfdfd; 	*/
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	color: #666666;
	background: #fff;  	
}
textarea {
	width: 400px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}





/*------------------------------------------
   LAYOUT
-------------------------------------------*/ 

#wrap {
	/*background: url(header-photo.jpg) no-repeat right top;*/
	width: 940px;	
	margin: 0 auto;	
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	padding: 0; 	
	background: transparent;
	display: inline;	
	width: 960px;
	
}



/* Main Column */
#main {
	float: left;
	width: 960px;/*530px*/
	/*padding: 5px;  
	margin: 5px 0px 0 0px ;	*/
	display: inline;
	background-color:#F3F3F3;	/*fcfcfc;*/
   /*-moz-box-shadow: 0px 1px 6px #000;
-webkit-box-shadow: 0px 1px 6px #000;
box-shadow: 0px 1px 6px #000; 
border-bottom: 3px solid #069;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
}
#main h2 {
padding-bottom: 3px;
font: normal 2.9em Georgia, "Times New Roman", Times, serif;
color: #999999;
/*letter-spacing: -2px;*/
text-transform: none;
/*border-bottom: 1px solid #ebebeb;*/
text-align: center;
/*float: left;*/
margin-top: 15px;
background: none;
}
#main h2 a {
	color: #555;
	text-decoration: none;	
	background: none; border: none;
}
#main ul li {
	list-style-image: url(bullet.gif);
}



	#main .main_baslik
	{
	background: url("../images/header_7.jpg") repeat scroll 0 0 transparent;
	color:#fff;
	-moz-box-shadow: 0px 1px 6px #000;
    -webkit-box-shadow: 0px 1px 6px #000;
    box-shadow: 0px 1px 6px #000; 
	margin-bottom:4px;
		font: normal 2.3em Georgia, "Times New Roman", Times, serif;
	}
	
	#main .main_baslik_2
	{
	background: url("../images/header_3.jpg") repeat scroll 0 0 transparent;
	color:#fff;
		-moz-box-shadow: 0px 1px 6px #000;
    -webkit-box-shadow: 0px 1px 6px #000;
    box-shadow: 0px 1px 6px #000; 
	margin:5px 0 4px 0;
	}
	
	#main .ayet_hadis_soz_main
	{
	margin-top:2px;
	width:50%;/*228px;*/
	float:left;
	
    }
	

	
	#main .makaleler_main
	{
    height:100%;margin-top: 8px;
	}
	
	#main .makaleler_main .makale, #main .makaleler_main .makale_yeni
	{	
	background-color:#F7F7F7;
	border:1px dashed #DDDDDD;
	margin-bottom:2px;
	padding:6px;
	width:90%;/*650px;*/
	float:left;
	margin:2px;
	background:url("../images/dosya.png") no-repeat scroll 5px 50% #F7F7F7;
	padding-left:30px;
	}
	
	#main .makaleler_main .makale_yeni
	{
	background:url("../images/yeni.gif") no-repeat scroll 5px 50% #F7F7F7;	
	padding-left:40px;
	}



/* Sidebar */	
.sidebar {
	float: left;
	width: 230px;
	padding: 0; 
    margin: 5px 8px 0 0;	
	display: inline;	
	/*background-color: #DC241F;#fdfdfd;	
	   -moz-box-shadow: 0px 0px 1px #000;
	   -webkit-box-shadow: 0px 0px 1px #000;
box-shadow: 0px 0px 1px #000;*/

}	

.sidebar_right{
	float: left;
	width: 160px;
	padding: 0;
	margin: 5px 0 0 0;		
	display: inline;	
	background-color:#fdfdfd;
}


.sidebar .makale{
	background-color:#DC241F;
}

/*------------------------------------------
   LAYOUT son
-------------------------------------------*/ 






/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }



/* display and additional classes */
.clearer { clear: both; }

/*listr.phpde vs div icindeki resim divin heightini belirlesin diye*/
.clearer
{
clear: left; 
line-height: 0; 
height: 0;
}

.clear_div{clear:both;}

.reset_style
{
padding: 0;
margin: 0;
}




/* DİĞERLERİ */

.kose_yazi
{
height:35px;
text-align:center;
padding:5px;
padding-top:15px;
background-color:#69c;
color:#fff;
font-size: 1.6em;
/*background: url(../images/header1.jpg);*/
}




.iletisim_baslik
{
color:#000;
float:left;
width:50px;
}

.iletisim_icerik
{
color:#000;
font-size:12px;
}

.iletisim_icerik_alt
{
color:#000;
width:600px;
}

.iletisim_baslik2
{
color:#fff;
float:left;
width:50px;
}

.iletisim_icerik_alt2
{
color:#fff;
width:600px;
}





/*ÜSTTEKİ AYET VE RESİM İÇİN*/
.topPan {width:940px; height:150px; position:relative; margin:0 auto; padding:0;/*background:url(../images/tepe.png) 0 0 no-repeat #FEFFFE;*/}
.topPan h1{ height:150px;width:940px; position:absolute; left:0px; display:block;  font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:65px 86px 0 450px; font-weight:normal;}
.topPan div{font-size:12px;width:250px;background-color:#eee;margin:20px 50px 80px 650px;position:absolute;padding:6px;border:2px solid #fff;color:#980E10;}
.topPan div p{padding:0px;margin:0px;font-size:10px;}
.topPan div p span{font-size:10px;}
.topPan .diyanet_logo{font-size:12px;background:none;border:none;margin:0px 50px 80px 20px;position:absolute;padding:2px;}



/*En ustteki muftuluk yazısı için*/
.ust_header_baslik
{
-moz-box-shadow: 0px 1px 6px #000;
background-color:#000;
width:932px;
height:16px;
color:#fff;
font-weight:bold;
font-size:22px;
padding-left:8px;
margin:0px auto;
line-height:40px;
border-top:3px solid #fff;
/*border-bottom:1px dashed #fff;*/
}



/*Sadece personel.php icin*/	
	
.personel_detay_table {
	border-collapse: collapse;
	margin: 15px 10px;	
}
.personel_detay_table tr {
	height: 34px;
	background: #fff;
}
	
.personel_detay_table td
	{	
	padding-left: 11px;
	padding-right: 11px;
	border:none;
	}

	
	.main_orta_alt
		{	
width:24%;
float:left;
text-align:center;
/*font: 13px arial;*/
padding-top:20px;
margin:2px;

}

		.main_orta_alt img
		{	
width:100%;
margin-top: 10px;
background:none;
	}

			.main_orta_alt div
		{	
text-align:left;
	}

	
			.main_orta_alt h4
		{	
background-color:#003366;
color:#fff;
height: 25px;
line-height: 30px;
	font: 16px  'Duru Sans', serif;
	margin-bottom:7px;
	
	-moz-box-shadow: 0px 1px 6px #000;
    -webkit-box-shadow: 0px 1px 6px #000;
    box-shadow: 0px 1px 6px #000; 	

		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border-top:3px solid #fff;
	}
	
	.main_orta_alt a
	{
	color:#003366;	
	
	}
	
		.main_orta_alt a:hover
	{
	color:#000;	
	}
	
	
	

/*Snippets*/	
	
img.flip:hover {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}


.round{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px; /* future proofing */
	-khtml-border-radius: 30px; /* for old Konqueror browsers */
}


.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.90;
}

.banner_yan_menu
{
background-color: #E8240B;
font-size: 15px;
width: 160px;
float: left;
padding: 8px;
margin: 2px;
border: 1px solid #ddd;
color: #fff;
font-weight:500;
}
.banner_yan_menu:hover
{
background-color: #000;
color: #fff;
}


#main2 {
	float: left;
	width: 560px;/*530px*/
	padding: 5px;  
	margin: 5px 10px 0 10px ;	
	display: inline;
	background-color:#fff;	fcfcfc;
   /*-moz-box-shadow: 0px 1px 6px #000;
-webkit-box-shadow: 0px 1px 6px #000;
box-shadow: 0px 1px 6px #000; 
border-bottom: 3px solid #069;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}


.firma_detay
{
height:130px;
background-color:#eee;
border:1px dashed #DDDDDD;
margin-bottom:8px;
padding:6px;
}

.firma_detay .baslik
{
width:40px;
float:left;
font-weight: bold;
}

.firma_detay .aciklm
{
width:710px;
float:left;
}

.firma_detay .aciklm2
{
width:370px;
float:left;
}


/*mainde ust iletisim*/
.main_ust_banner 
{
float:left;
height: 73px;
width: 200px;
}
.main_ust_banner .iletisim_baslik
{
color:#fff;
height: 14px;
}
.main_ust_banner .iletisim_icerik_alt
{
width: 360px;
color:#fff;
height: 14px;
}




h2.tuf {
	 -x-system-font: none;
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-size: 24px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	line-height: 35px;
	margin: 0;
	padding: 14px 15px 3px 0;
	text-shadow: 0 1px 0 #FFFFFF;
	}
	
	
	.rgba {
  background-color: transparent;
  background-color: rgba(200,200,200,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd)";
}

.main-baslik
{
font-size:30px;
}